﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FindBook.aspx.cs" Inherits="Common_FindBook" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     <!-- 用于响应式布局，遇到移动设备自动更改 -->
   <meta name="viewport" content="width=device-width, initial-scale=1"/>

    <!-- bootstrap需要的函数库 -->
    <link href="../css/bootstrap.min.css" rel="stylesheet" />
    <!-- 所需的字体图标库 -->
    <link rel="stylesheet" href="../css/font-awesome.min.css"/>
    <!-- 按钮样式 -->
    <link href="../css/MyButtons.css" rel="stylesheet" /> 
    <script src="../js/jquery-2.1.0.min.js"></script>



    <!-- Loading Flat UI -->
    <link href="dist/css/flat-ui.css" rel="stylesheet"/>
    <link href="docs/assets/css/demo.css" rel="stylesheet"/>

     <script src="dist/js/vendor/jquery.min.js"></script>
    <script src="dist/js/vendor/video.js"></script>
    <script src="dist/js/flat-ui.min.js"></script>
    <script src="docs/assets/js/application.js"></script>

    <script src="../dist/js/flat-ui.min.js"></script>
    <script src="../docs/assets/js/application.js"></script>
  
    <style type="text/css">
    h1{font-family:'Microsoft YaHei';}
     .btn-group.open .dropdown-toggle
    {
        -webkit-box-shadow:none;
        box-shadow:none;
    }
    </style>
    

	
<!-- Bootstrap style --> 
    <link id="callCss" rel="stylesheet" href="themes/bootshop/bootstrap.min.css" />
    <link href="themes/css/base.css" rel="stylesheet" media="screen"/>
<!-- Bootstrap style responsive -->	
	<link href="themes/css/bootstrap-responsive.min.css" rel="stylesheet"/>
	<link href="themes/css/font-awesome.css" rel="stylesheet" type="text/css">
<!-- Google-code-prettify -->	
	<link href="themes/js/google-code-prettify/prettify.css" rel="stylesheet"/>
<!-- fav and touch icons -->
    <link rel="shortcut icon" href="themes/images/ico/favicon.ico"/>
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="themes/images/ico/apple-touch-icon-144-precomposed.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="themes/images/ico/apple-touch-icon-114-precomposed.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="themes/images/ico/apple-touch-icon-72-precomposed.png"/>
    <link rel="apple-touch-icon-precomposed" href="themes/images/ico/apple-touch-icon-57-precomposed.png"/>
	<style type="text/css" id="enject"></style>
    <title>书目查询</title>
</head>
<body style="background:url(../img/bg.png);background-repeat:no-repeat;background-position:center;margin-left:auto;margin-right:auto;font-family:'Microsoft YaHei';">

    <form id="form1" runat="server">
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="background:#0767c8;border-color:#0767c8;min-height:55px;">
      <div class="container-fluid">
      <a href="BMindex.aspx">  <div class="navbar-header">
          <img src="../img/common/logo2.png" width="180" style="position:absolute;margin:2px 130px;z-index:999;"/>
          <a class="navbar-brand" href="#"></a>
        </div></a>

          <div id="navbar" class="navbar-collapse collapse">

          <ul class="nav navbar-nav navbar-right" style="margin-right: 299px;">
            <li style="position: absolute;margin: 2px -314px;"><a style="padding: 15px 22px 5px;color:#fff;" href="#">借阅</a></li>
            <li style="position: absolute;margin: 2px -264px;"><a  style="padding: 15px 22px 5px;color:#fff;" href="#">归还</a></li>
            <li style="position: absolute;margin: 2px -214px;"><a  style="padding: 15px 22px 5px;color:#fff;" href="#">检索</a></li>
            <li style="position: absolute;margin: 2px -164px;"><a  style="padding: 15px 22px 5px;color:#fff;" href="#">资源</a></li>
            <li style="position: absolute;margin: 8px 66px;">
                <%=navstring %>

            </a></li>

          </ul>
            <input type="text" runat="Server" id="TBFindBook" class="form-control navbar-left" placeholder="查找您感兴趣的书籍..." style="width:329px;margin-top:5px;margin-left:304px;height: 42px;"/> 
           
               <a href="#" >
                   <asp:Button ID="Button2" runat="server" Text="🔎" OnClick="Button2_Click" class="button button-primary button-rounded" style="background:#0e78e7;height:42px;width:42px;margin: 5px 0px 0px -7px;padding:inherit;" />
           </a>

        </div>
       
      </div>
    </nav>
    
     <div id="mainBody" style="padding-top:200px;">
	<div class="container">
    <div class="row" style=" padding-left: 30px;"><div class="well well-small">

   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

   <asp:Button ID="InResult"  class="btn btn-success" style="padding: 8px 25px;" runat="server" Text="结果中查询" OnClick="InResult_Click" />
   <asp:TextBox ID="TBRESULT"  class="form-control " placeholder="在结果中查询" style="float:left; width: 192px; height: 39px;" runat="server"></asp:TextBox>&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;<asp:Button ID="againFind" class="btn btn-warning" style="padding: 8px 25px;" runat="server" OnClick="Re_Click" Text="  重新检索  " />
   &nbsp;&nbsp;&nbsp;&nbsp; 
        <style type="text/css">
        .select {
          min-width: 2px;
                top: 0px;
                left: 0px;
                width: 126px;
            }
        </style>
        <span class="h6" style="font-size:17px;color:#ffd800">排序条件：</span>
    <asp:DropDownList class="select" ID="DropDownList1" runat="server" Height="36" AutoPostBack="True">
        <asp:ListItem>按出版社排序</asp:ListItem>
        <asp:ListItem>按出版日期排序</asp:ListItem>
        </asp:DropDownList>

     &nbsp;&nbsp;&nbsp;&nbsp; <span class="h6" style="font-size:17px;color:#ffd800;margin-top:5px;">筛选条件：</span>
    <asp:DropDownList class="select" ID="DropDownList2" runat="server" Width="100" Height="36" AutoPostBack="True">
        <asp:ListItem>升序排列</asp:ListItem>
        <asp:ListItem>降序排列</asp:ListItem>
        </asp:DropDownList>


       </div>
	<div class="row">
<!-- Sidebar ================================================== -->
	<div id="sidebar" class="span3" style="width: 187px;">
		<div class="well well-small"><a id="myCart" href="#"><img src="themes/images/search.png" alt="cart">一共找到结果：<span class="badge badge-warning pull-right"><% =countNum %></span></a></div>
			<ul id="sideManu" class="nav nav-tabs nav-stacked" >
			<li class="subMenu open"style="display:<% =display1%>;">
               <%=companynum %>

			</li>

			<li class="subMenu open" style="display:<% =display2%>">
                <%=writenum %>
			</li>
			<li class="subMenu  open "style="display:<% =display3%>; top: 0px; left: 0px;">
                <%=publishdatenum %>

			</li>												
			</ul>
			</li>
		</ul>
		<br>
		  <br>
			<br>
			
	</div>
<!-- Sidebar end=============================================== -->
		<div class="span9" style="    width: 742px;">		
			<div class="well well-small">
		
			
		
		<h4>为您找到"<code style="font-size: 116%;font-family:FZBeiWeiKaiShu-S19S;color:#56A700"><%=para %> <%=para5 %> <%=para6 %> <%=para7 %>  <%=para9 %></code>"的结果如下  </h4>
			  <ul class="thumbnails">


                <%=data %>
				


                  <script>
                      $(function () {
                          $("[data-toggle='popover']").popover();
                      });
               </script>

				
			  </ul>
                
                
                	

		</div>
            <!-- 分页开始 -->
    <ul class="pagination" style="margin: -1px;float:right;">
    <li><a href="#">&laquo;</a></li>
    <li class="active"><a href="#">1</a></li>
    <li class="disabled"><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">&raquo;</a></li>
    </ul>
	</div>



	</div>

</div></div>

	

    </form>

</body>
     <script src="dist/js/vendor/jquery.min.js"></script>
    <script src="dist/js/vendor/video.js"></script>
    <script src="dist/js/flat-ui.min.js"></script>
    <script src="docs/assets/js/application.js"></script>

    <!-- Placed at the end of the document so the pages load faster ============================================= -->
	<script src="themes/js/jquery.js" type="text/javascript"></script>
	<script src="themes/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="themes/js/google-code-prettify/prettify.js"></script>
	
	<script src="themes/js/bootshop.js"></script>
    <script src="themes/js/jquery.lightbox-0.5.js"></script>
</html>
